<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>入库不良统计表</title>
<jsp:include page="./common.jsp"></jsp:include>
<script type="text/javascript">
$(function () {
	 Highcharts.chart('container', {
	        chart: {
	            type: 'column'
	        },
	        title: {
	            text: '入库不良统计'
	        },
	        xAxis: {
	            type: 'category'
	        },
	        yAxis: {
	            title: {
	                text: '不良率'
	            }
	        },
	        legend: {
	            enabled: false
	        },
	        plotOptions: {
	            series: {
	                borderWidth: 0,
	                dataLabels: {
	                    enabled: true,
	                    format: '{point.y:.1f}%'
	                }
	            }
	        },
	        tooltip: {
	            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
	            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
	        },
	        series: [{
	            name: '不良项目',
	            colorByPoint: true,
	            data: [{
	                name: '未成形',
	                y: 56.33,
	                drilldown: 'Microsoft Internet Explorer'
	            }, {
	                name: '毛边',
	                y: 24.03,
	                drilldown: 'Chrome'
	            }, {
	                name: '冷料',
	                y: 10.38,
	                drilldown: 'Firefox'
	            }, {
	                name: '亮印',
	                y: 4.77,
	                drilldown: 'Safari'
	            }]
	        }],
	        
	    });
});
</script>
</head>
<body>
        <table id="tb_departments" class="table table-bordered">
        	<tr  align="center">
        		<td rowspan="2">顺次</td>
        		<td rowspan="2">供应商</td>
        		<td rowspan="2">车种</td>
        		<td rowspan="2">品名</td>
        		<td rowspan="2">品编</td>
        		<td rowspan="2">颜色</td>
        		<td rowspan="2">检查数量</td>
        		<td rowspan="2">不良数量</td>
        		<td rowspan="2">不良率</td>
        		<td colspan="6">不良项目</td>
        	</tr>
        	<tr>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        	</tr>
        	<tr>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        	</tr>
        	<tr>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        	</tr>
        	<tr>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        	</tr>
        	<tr>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        	</tr>
        	<tr>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        	</tr>
        	<tr>
        		<td colspan="6">合计</td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        		<td ></td>
        	</tr>
        	
        </table>
        <div id="container" style="min-width:100px;height:400px"></div>
        
</body>
</html>